﻿@model ComparteTuTiempo.Models.CustomModels.CustomTrabajoMensaje
@{
      
    ViewBag.Title = "Detalle del trabajo";
    ViewBag.Nombre = "Nombre del solicitante:";
    ViewBag.FechaSoli = "Fecha de la solicitud:";
    ViewBag.FechaReali = "Fecha de finalización:";
    ViewBag.men = "Chat";
}


<div class="row">
    <div class="span6">
        <div>
            <h3>@ViewBag.Title</h3>
        </div>
    </div>
</div>

@using (Ajax.BeginForm("DetalleTrabajo", null, new AjaxOptions
{
    UpdateTargetId = "newMensaje",
    InsertionMode = InsertionMode.Replace,
    OnSuccess = "done",

}, new { id = "formulario" }))
{  
    <div class="row">
        <div class="span10 offset1 ficha">
            <div>
               <p><b>@ViewBag.Nombre </b>@Html.DisplayFor(model => model.trabajossolicitados.usuarios.nombre)</p>
               <p><b>@ViewBag.FechaSoli</b>@Html.DisplayFor(model => model.trabajossolicitados.fechaOferta)</p>
                @if (Model.trabajossolicitados.realizado == true)
                {
               
                    <p><b>@ViewBag.FechaReali </b> @Model.trabajossolicitados.fechaRealizado</p>  
                        
                }
            </div>
            <div>
                <b>Descripcion del trabajo a realizar:</b>
                <div>
                    @Html.DisplayFor(model => model.trabajossolicitados.descripcion)
                </div>
                @if (Model.trabajossolicitados.aceptado == true)
                {
                    <div>
                        @if (Model.trabajossolicitados.aceptado == true && Model.trabajossolicitados.realizado == false && Model.trabajossolicitados.idSolicitante==ViewBag.idUsuario)
                        {
                            <hr />
                            @Html.ActionLink("Finalizar Trabajo", "FinalizarTrabajo", new { idTrabajo = Model.trabajossolicitados.idTrabajosSolicitados },
                        new { @class = "btn" })
                        }
                    </div>    
                }
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span12">
            <h2>@ViewBag.men</h2>
        </div>
    </div>
    <div class="row">


        @*Datos Solicitanten PUEDE SER DINAMICO*@
        <div class="span3 ficha">
            <p><b>Solicitante</b></p>
            <img src="@Model.trabajossolicitados.usuarios.foto" class="img-rounded span1">

            <div class="span2">

                <p><b>@Html.DisplayNameFor(model => model.trabajossolicitados.usuarios.nombre)</b></p> <p>@Html.DisplayFor(model => model.trabajossolicitados.usuarios.nombre)</p>
                <p><b>@Html.DisplayNameFor(model => model.trabajossolicitados.usuarios.apellidos)</b></p><p>@Html.DisplayFor(model => model.trabajossolicitados.usuarios.apellidos)</p>
                <p><b>@Html.DisplayNameFor(model => model.trabajossolicitados.usuarios.provincias.nombre)</b></p><p>@Html.DisplayFor(model => model.trabajossolicitados.usuarios.provincias.nombre)</p>
            </div>
        </div>

        @*Datos Mensaje*@
        <div class="span6">
            <div class="row">
                <div class="span6" style="max-height: 200px; overflow-y: auto; overflow-x: hidden" id="newMensaje">
                    @Html.Partial("_MensajesPartial", Model)
                </div>
            </div>
            <div class="row">
                @Html.Partial("_NewMensajesPartial")
            </div>
        </div>

        @*Datos Trabajador PUEDE SER DINAMICO*@
        <div class="span3 ficha">
           <p ><b>Trabajador</b></p>
           <img src="@Model.trabajossolicitados.usuarios1.foto" class="img-rounded span1">

            <div class="span2">
                <p><b>@Html.DisplayNameFor(model => model.trabajossolicitados.usuarios1.nombre)</b></p><p>@Html.DisplayFor(model => model.trabajossolicitados.usuarios1.nombre)</p>
                <p><b>@Html.DisplayNameFor(model => model.trabajossolicitados.usuarios1.apellidos)</b></p><p>@Html.DisplayFor(model => model.trabajossolicitados.usuarios1.apellidos)</p>
                <p><b>@Html.DisplayNameFor(model => model.trabajossolicitados.usuarios1.provincias.nombre)</b></p><p>@Html.DisplayFor(model => model.trabajossolicitados.usuarios1.provincias.nombre)</p>
             
          </div>

        </div>

    </div> 
@* Script para hacer que el scroll este abajo del todo en el chat *@
    <script>
        var objDiv = document.getElementById("newMensaje");
        objDiv.scrollTop = objDiv.scrollHeight;
    </script>
    
    <script type="text/javascript">
        function done() {
            $('#formulario').each(function () {
                this.reset();
            });
            var objDiv = document.getElementById("newMensaje");
            objDiv.scrollTop = objDiv.scrollHeight;
        }

    </script>
    
    <script type="text/javascript">
        $(function () {
            setInterval(loadDiv, 2000)
        });
        function loadDiv() {
            var objDiv = document.getElementById("newMensaje");
            objDiv.scrollTop = objDiv.scrollHeight;
            $('#newMensaje').load('/Trabajo/DetalleTrabajo');

        }
    </script>
          
}
